<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<aside id="menu" data-role="panel" data-theme="b">
    <nav data-role="collapsible" data-mini="true">
        <h3>${msg['menu.server']}</h3>
        <div data-role="controlgroup" data-mini="true">
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/browser.xhtml">${msg['menu.server.browser']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/charset.xhtml">${msg['menu.server.charset']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/env.xhtml">${msg['menu.server.environment']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/locale.xhtml">${msg['menu.server.locale']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/maps.xhtml">${msg['menu.server.maps']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/package.xhtml">${msg['menu.server.package']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/security.xhtml">${msg['menu.server.security']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/server/timezone.xhtml">${msg['menu.server.timezone']}</a>
        </div>
    </nav>
    <nav data-role="collapsible" data-mini="true">
        <h3>${msg['menu.email']}</h3>
        <div data-role="controlgroup" data-mini="true">
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/email/read.xhtml">${msg['menu.email.read']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/email/send.xhtml">${msg['menu.email.send']}</a>
        </div>
    </nav>
    <nav data-role="collapsible" data-mini="true">
        <h3>${msg['menu.client']}</h3>
        <div data-role="controlgroup" data-mini="true">
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/client/canvas.xhtml">${msg['menu.client.canvas']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/client/sort.xhtml">${msg['menu.client.sort']}</a>
        <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="/client/sudoku.xhtml">${msg['menu.client.sudoku']}</a>
        </div>
    </nav>
    <a data-role="button" data-icon="delete" href="#header" data-rel="close" data-mini="true">${msg['menu.close']}</a>
</aside>
</ui:composition>
